<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    {% include "component/static_resource_css.html" %}
    <title>Echo - 个人主页</title>
</head>
<body>
<div class="nk-container">
    {% include 'component/header.html' %}
    <!--		 内容 -->
    <div class="main">
        <div class="container">
            <!-- 选项 -->
            <div class="position-relative">
                <ul class="nav nav-tabs">
                    <li class="nav-item">
                        <a class="nav-link nav0" href="/user/profile/{{ user.id }}">个人信息</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link nav1" href="/user/discuss/{{ user.id }}">我的帖子</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link nav2" href="/user/comment/{{ user.id }}">我的回复</a>
                    </li>
                </ul>
            </div>
            <!-- 我的回复 -->
            <div class="mt-4">
                <h6><b class="square"></b> 回复的帖子 <i>{{ comment_count }}</i></h6>
                <ul class="list-unstyled mt-4 pl-3 pr-3">
                    {% for comment in comment_all %}
                        <li class="border-bottom pb-3 mt-4">
                            <div class="font-size-16 text-info">
                                <a href="/post/{{ comment.target_post_id }}"
                                   class="text-info">{{ comment.post_title }}</a>
                            </div>
                            <div class="mt-1 font-size-14">{{ comment.content }}</div>
                            <div class="text-right font-size-12 text-muted">
                                回复于 <b>{{ comment.create_time }}</b>
                            </div>
                        </li>
                    {% endfor %}
                </ul>
                <!-- 分页 -->
                {% include "component/pagination.html" %}
            </div>
        </div>
    </div>
    {% include "component/footer.html" %}
</div>

{% include "component/static_resource_js.html" %}
<script>
    $(document).ready(function () {
            var np = ".nav" + "{{profile_type}}"
            console.log(np)
            $(np).addClass('active')

        }
    );
</script>
</body>
</html>
